<template>
	<view class="">
		<view class="title">
			<alltitleVue :title="title" :url="url" />
		</view>
		

		<view class="box">
			<view class="answer-tit">
				反馈信息
			</view>
			<view class="answer-text answer-flex">
				<view class="">
					反馈机构
				</view>
				<view class="">
					成都西南中医医院
				</view>
			</view>

			<view class="answer-text answer-flex">
				<view class="">
					反馈渠道
				</view>
				<view class="">
					成都西南中医医院微信小程序
				</view>
			</view>
			<view class="answer-text answer-flex">
				<view class="">
					反馈渠道
				</view>
				<view class="">
					{{Answer.createTime}}
				</view>
			</view>
			
		</view>
		
		
		<view class="box">
			<view class="answer-tit">
				问题详情
			</view>
			<view class=" answer-flex ">
				
				<view class="">
					{{Answer.content}}
				</view>
			</view>
			<view class="img-box" v-if="Answer.contentPhoto && Answer.contentPhoto.length">
				<view v-for="(it, ind) in (Answer.contentPhoto ? Answer.contentPhoto.split(',') : [])" :key="ind">
					<image @click="openImage(it)" :src="it" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		

		getopinionid
	} from '../../service/api.js'
	export default{
		data(){
			return{
				title:"反馈详情",
				Answer:{}
			}
		},
		onLoad(options) {
			if(options.id){
				this.getAnswer(options.id)
			}
		},
		methods:{
			async getAnswer(id) {
				let res = await getopinionid(id);
				if (res.code == 200) {
					this.Answer = res.data;
			
				}
			
			},
		}
	}
</script>

<style lang="scss" scoped>
	.title{
		background: #fff;
	}
	.box{
		margin: 0 24rpx;
		width: 654rpx;
		padding: 24rpx;
		margin-top: 24rpx;
		background: #fff;
		border-radius: 16rpx;
		.answer-flex {
			display: flex;
			align-items: center;
			margin-bottom: 24rpx;
		}
		.answer-text {
			font-size: 24rpx;
		
			color: #4D4D4D;
		
			view:first-child {
				margin-right: 48rpx;
				// color: #B3B3B3;
			}
		}
		.answer-tit{
			font-weight: 500;
			font-size: 32rpx;
			margin-bottom: 24rpx;
		}
		.img-box{
			image{
				margin-bottom: 15rpx;
				width: 650rpx;
				height: 650rpx;
			}
		}
	}
</style>